<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>    
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>老A在线考试</title>
<meta name="description" content="Static &amp; Dynamic Tables" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--basic scripts -->
<!--[if !IE]> -->
<script type="text/javascript">window.jQuery     ||      document.write("<script src='${contextPath}/static/assets/js/jquery.min.js'>"+"<"+"/script>");</script>
<!--<![endif]-->
<!--bootstrap & fontawesome -->
<link rel="stylesheet" href="${contextPath}/static/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="${contextPath}/static/assets/css/font-awesome.min.css" />
<!--page specific plugin styles -->
<!--text fonts -->
<link rel="stylesheet" href="${contextPath}/static/assets/css/ace-fonts.css" />
<!--ace styles -->
<link  rel="stylesheet"  href="${contextPath}/static/assets/css/ace.min.css" id="main-ace-style" />
<!--[if lte IE 9]-->
<link rel="stylesheet" href="${contextPath}/static/assets/css/ace-part2.min.css" />
<!--[endif]-->
<link rel="stylesheet" href="${contextPath}/static/assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="${contextPath}/static/assets/css/ace-rtl.min.css" />
<!--[if lte IE 9]-->
<link rel="stylesheet" href="${contextPath}/static/assets/css/ace-ie.min.css" />
<!--[endif]-->
<!--inline styles related to this page -->
<!--ace settings handler -->
<script src="${contextPath}/static/assets/js/ace-extra.min.js"></script>
<script src='${contextPath}/static/assets/js/jquery.min.js'></script>
<script src="${contextPath}/static/assets/js/student/student.js"></script>
<script src="${contextPath}/static/assets/js/student/jquery-migrate-1.1.0.js"></script>
<script src="${contextPath}/static/assets/js/student/jquery.jqprint-0.3.js"></script>
<!--HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
<!--[if lte IE 8]-->
<script src="${contextPath}/static/assets/js/html5shiv.min.js"></script>
<script src="${contextPath}/static/assets/js/respond.min.js"></script>
<!--[endif]-->
<c:if test="${score != null }">
<script type="text/javascript">
alert('考试分数为：${score.score}');
</script>
</c:if>
<%
		String path = request.getContextPath();
		request.setAttribute("path", path);
		%>
</head>
<body  class="no-skin">

<input type="hidden" id="path" value="${path}">
		<!-- #section:basics/navbar.layout -->

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<!-- #section:basics/sidebar -->

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<!-- #section:basics/content.breadcrumbs -->

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">
					<!-- #section:settings.box -->
					<div class="ace-settings-container" id="ace-settings-container">
						<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
							<i class="ace-icon fa fa-cog bigger-150"></i>
						</div>

						<div class="ace-settings-box clearfix" id="ace-settings-box">
							<div class="pull-left width-50">
								<!-- #section:settings.skins -->
								<div class="ace-settings-item">
									<div class="pull-left">
										<select id="skin-colorpicker" class="hide">
											<option data-skin="no-skin" value="#438EB9">#438EB9</option>
											<option data-skin="skin-1" value="#222A2D">#222A2D</option>
											<option data-skin="skin-2" value="#C6487E">#C6487E</option>
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
									<span>&nbsp; Choose Skin</span>
								</div>

								<!-- /section:settings.skins -->

								<!-- #section:settings.navbar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
									<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
								</div>

								<!-- /section:settings.navbar -->

								<!-- #section:settings.sidebar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
									<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
								</div>

								<!-- /section:settings.sidebar -->

								<!-- #section:settings.breadcrumbs -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
									<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
								</div>

								<!-- /section:settings.breadcrumbs -->

								<!-- #section:settings.rtl -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
									<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
								</div>

								<!-- /section:settings.rtl -->

								<!-- #section:settings.container -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
									<label class="lbl" for="ace-settings-add-container">
										Inside
										<b>.container</b>
									</label>
								</div>

								<!-- /section:settings.container -->
							</div><!-- /.pull-left -->

							<div class="pull-left width-50">
								<!-- #section:basics/sidebar.options -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
									<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
									<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
									<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
								</div>

								<!-- /section:basics/sidebar.options -->
							</div><!-- /.pull-left -->
						</div><!-- /.ace-settings-box -->
					</div><!-- /.ace-settings-container -->

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="page-header">
							<h1>
								Tables
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									学生科目管理
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
											<tr><th colspan="5"><a href="changeLocale?localeType=en_US"><spring:message code="page.index.english" /></a></th><th colspan="5"><a href="changeLocale?localeType=zh_CN"><spring:message code="page.index.chinese" /></a></th></tr>
											
												<tr>
												<th>科目编号</th>
												<th>科目名</th>
												<th>科目描述</th>
												<th>科目题数</th>
												<th>总时长</th>
												<th>潢分总分</th>
												<th>是否开启考试</th>
												<th>本科目得分</th>
												<th>是否已参考</th>
												<th>操作</th>
												</tr>
											</thead>

											<tbody>
											
											<c:if test="${not empty message }">
											<script type="text/javascript">
											alert('${message}');
											</script>
											</c:if>
											<c:forEach items="${subjectList}" var="sub">
											<tr>
											<td>${sub.sub_id }</td>
											<td>${sub.name }</td>
											<td>${sub.description }</td>
											<td>${sub.test_count }</td>
											<td>${sub.total_time }</td>
											<td>${sub.total_score }</td>
											<td>
											<%--if () else if () else if ()     else  --%>
											<c:choose>
											  <c:when test="${sub.status == 0 }">
											    <label class="label arrowed">已关闭</label>
											  </c:when>
											  <c:otherwise>
											  <label class="label label-success arrowed-in arrowed-in-right">已开启</label>
											  </c:otherwise>
											</c:choose>
										  </td>
										  <td>${sub.scoreVO.score }</td>
										  <td> 
										   <c:choose>
										     <c:when test="${sub.scoreVO == null }">
										       <label class="label label-success arrowed-in arrowed-in-right">未参考</label>
										     </c:when>
										     <c:otherwise>
										       <label class="label arrowed">已参考</label>
										     </c:otherwise>
										   </c:choose>
										  </td>
										  <td>
										    <c:choose>
										      <c:when test="${sub.scoreVO == null }">
										         <c:choose>
										           <c:when test="${sub.status == 0 }">
										              <a title="进入考试" disabled="disabled" class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
										           </c:when>
										           <c:otherwise>										      
									             <a   title="进  入  考  试" onClick="return confirm('确定开始考试吗?');" href="toExamTest/${sub.sub_id }" class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
										           </c:otherwise>
                                                 </c:choose>
                                             </c:when>
                                             <c:when    test="${ sub.scoreVO.score == 0  &&  sub.scoreVO.remain_exam_time > 0}"><!--已经开始考试，中途关闭-->
                                                <a    title="进入考试" onClick="return confirm('确定继续考试吗?');" href="toExamTest/${sub.sub_id }" class="btn btn-success btn-xs"><i class="ace-icon fa fa-pencil"></i></a>
                                             </c:when>
                                             <c:otherwise>
                                                 <a title="查看成绩" scoreId="${sub.scoreVO.id }" class="btn btn-info btn-xs showScoreBtn"><i class="ace-icon fa fa-eye"></i></a>
                                             </c:otherwise>
                                          </c:choose>
                                        </td>
                                      </tr>
                                    </c:forEach>
											  
											</tbody>
										</table>
									</div><!-- /.col-xs-12 -->
								</div><!-- /.row -->
    <!-- 显示成绩-模态框（Modal） -->
		<div class="modal fade" id="showScoreModal" tabindex="-1" role="dialog" aria-labelledby="showScoreModalLabel" aria-hidden="true">
		<div class="modal-dialog">
		<div class="modal-content">
		<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
		&times;
		</button>
		<h4 class="modal-title" id="showTestModalLabel">
		查看科目成绩
		</h4>
		</div>
		<div class="modal-body">
		<p><label>用户名：</label><label id="userName"></label></p>
		<p><label>科目名：</label><label id="subjectName"></label></p>
		<p><label>考试时间：</label><label id="examTime"></label></p>
		<p><label>得分：</label><label id="score"></label></p>
		</div>
		<div class="modal-footer">
		<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		<button id="scorePrint" type="button" class="btn btn-primary">打印</button>
		</div>
		</div>
		</div>
		</div>

<!--PAGE CONTENT ENDS -->
</div><!--/.col -->
</div><!--/.row -->						

								
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->
		
	

	
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

</body>
</html>